<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <title>Ergo安健之源</title>

    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- 动画 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 初始化 reset -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 公共样式 头部 和 尾部 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 首页样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />

    <!-- 百度地图 -->
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=lc157iTGgIH9rzWgDncPpAFDaflGbzCn"></script>
</head>
<body>
    <!-- header -->
    <header class="header" id="header">
        <div class="list glyphicon glyphicon-list"></div>
        <div class="logo">
            <img src="./assets/images/logo.png" alt="" />
        </div>
        <div class="search glyphicon glyphicon-search"></div>
    </header>

    <!-- banner -->
    <div class="banner" id="banner">
        <div class="back">
            <img src="./assets/images/banner.png" alt="" />
        </div>
        <div class="back">
            <img src="./assets/images/banner0.png" alt="" />
        </div>
    </div>

    <!-- 风险评估 -->
    <div class="function" id="function">
        <div class="title">风险评估</div>

        <div class="list">
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" alt="" />
                </div>
                <div class="desc">办公室</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon2.png" alt="" />
                </div>
                <div class="desc">工业</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon3.png" alt="" />
                </div>
                <div class="desc">个人/家居</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon4.png" alt="" />
                </div>
                <div class="desc">其他行业</div>
            </div>
        </div>

        <div class="box">
            <div class="back">
                <img src="./assets/images/img1.png" alt="" />
            </div>
            <div class="content">
                <h3 class="subject">专业咨询</h3>
                <div class="info">
                    <a href="javascript:void(0)">个人咨询</a>
                    <a href="javascript:void(0)">企业咨询</a>
                </div>
            </div>
            <div class="back">
                <img src="./assets/images/img3.png" alt="" />
            </div>
            <div class="content">
                <h3 class="subject">专业培训</h3>
                <div class="info">
                    <a href="javascript:void(0)">培训通知</a>
                    <a href="javascript:void(0)">在线培训</a>
                    <a href="javascript:void(0)">现场培训</a>
                </div>
            </div>
            <div class="back">
                <img src="./assets/images/img2.png" alt="" />
            </div>
            <div class="content">
                <h3 class="subject">人体工学资源</h3>
                <div class="info">
                    <a href="javascript:void(0)">案例分析</a>
                    <a href="javascript:void(0)">企业广告</a>
                    <a href="javascript:void(0)">产品推荐</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 应用 -->
    <div class="app">
        <div class="title">人体工学介绍和应用</div>

        <div class="app_banner">
            <img class="app_banner_img" src="./assets/images/appback.png" alt="" />
            <div class="app_back">
                <h4 class="short">人体工学介绍</h4>
                <div class="taglist">
                    <span class="tag">历史</span>
                    <span class="tag">现在</span>
                    <span class="tag">将来</span>
                </div>
            </div>
        </div>

        <div class="app_btnlist">
            <div class="item">
                <img class="item_img" src="./assets/images/btnlist1.png" alt="" />
                <span>职业应用</span>
            </div>
            <div class="item">
                <img class="item_img" src="./assets/images/btnlist2.png" alt="" />
                <span>个人/家居应用</span>
            </div>
        </div>

        <div class="app_btnlist2">
            <img class="item_img" src="./assets/images/btnlist3.png" alt="" />
            <span>其他应用</span>
        </div>

    </div>

    <!-- 联系我们 -->
    <div class="contact" id="contact">
        <div class="title">联系我们</div>

        <div class="content">
            <div class="line">
                <img src="./assets/images/phone.png" alt="" />
                <span>+86 15217196291</span>
            </div>

            <div class="line">
                <div class="item">
                    <img src="./assets/images/fax.png" alt="" />
                    <span>01-706-560-3604</span>
                </div>
                <div class="item">
                    <img src="./assets/images/email.png" alt="" />
                    <span>ergo168@qq.com</span>
                </div>
            </div>

            <div class="line">
                <img src="./assets/images/add.png" alt="" />
                <span>广州市天河区珠江新城珠江西路高德置地D座15楼</span>
            </div>
        </div>

        <div class="map" id="map"></div>
    </div>

    <!-- footer -->
    <div class="footer">
        <a href="#header" class="item">
            <span><img src="./assets/images/tb1.png" alt="" /></span>
            <span> 首页 </span>
        </a>

        <a href="#banner" class="item">
            <span><img src="./assets/images/tb2.png" alt="" /></span>
            <span> 关于我们 </span>
        </a>

        <a href="#function" class="item">
            <span><img src="./assets/images/tb3.png" alt="" /></span>
            <span> 风险评估 </span>
        </a>

        <a href="#contact" class="item">
            <span><img src="./assets/images/tb4.png" alt="" /></span>
            <span> 用户中心 </span>
        </a>
    </div>

</body>
</html>
<!-- jquery -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- less解析器 -->
<script src="./assets/js/less.min.js"></script>

<!-- 懒加载 -->
<script src="./assets/js/wow.min.js"></script>

<!-- 百度地图 -->
<script>
    //懒加载初始化
    new WOW().init()

    //百度地图
    var map = new BMap.Map("map");     

    // 初始化地图,设置中心点坐标和地图级别
    map.centerAndZoom(new BMap.Point(113.26197, 23.10379), 12);

    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));

    // 设置地图显示的城市 此项是必须设置的
    map.setCurrentCity("广州");

    //开启鼠标滚轮缩放
    map.enableScrollWheelZoom(true);
</script>